.view-index {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    background-color: #f2f2f2;

    .user-bar {
        z-index: 99;
    }
    
    > .body {
    	-webkit-box-flex: 1;
    	overflow-x: hidden;
    	overflow-y: auto;
    	-webkit-overflow-scrolling: touch;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
        position: relative;
    	.list {
    		min-height: 100%;
    		-webkit-box-flex: 1;
    	}
        &.showPopup {
            overflow: hidden;
            pointer-events: none;
        }
    }

    .car-item {
    	padding: 0.3rem 0.3rem 0 0.3rem;
    	.top {
    		display: -webkit-box;
            -webkit-box-align: center;
            margin-bottom: 0.2rem;
            .header {
            	display: block;
				width: 0.8rem;
				height: 0.8rem;
				background-color: #999;
				border-radius: 50%;
				margin-right: 0.2rem;
                overflow: hidden;
                img {
                    display: block;
                    width: 100%;
                    height: 100%;
                }
            }
            h6 {
            	font-size: 0.3rem;
            }
    	}
    	.car {
    		font-size: 0.26rem;
            line-height: 1.2;
            display: -webkit-box;
            -webkit-box-align: center;
            margin-bottom: 0.2rem;
            span {
                display: block;
                color: rgb(166,166,166);
                &:first-child {
                    margin-right: 0.4rem;
                    position: relative;
                    &:after {
                        content: "";
                        display: block;
                        position: absolute;
                        right: -0.2rem;
                        top: 0;
                        width: 1px;
                        height: 100%;
                        background-color: rgb(166,166,166);
                    }
                }
                &:only-child {
                    &:after {
                        display: none;
                    }
                }
            }
    	}
    	.result {
    		border-top: 1px solid rgb(242,242,242);
    		padding-top: 0.2rem;
    		.item {
    			border-bottom: 1px solid rgb(242,242,242);
    			&:first-child {
    				.insurance {
    					padding-top: 0;
    				}
    			}
    			&:last-child {
    				border-bottom: 0;
    			}
    		}
    		.message {
    			font-size: 0.26rem;
    			text-align: justify;
                padding-bottom: 0.3rem;
                a {
                    color: #00bb44;
                }
    		}
    	}
    }

    .more {
    	display: -webkit-box;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        -webkit-box-orient: vertical;
		width: 100%;
		height: 1rem;
        p {
            font-size: 0.24rem;
            text-align: center;
            color: rgb(74,74,74)
        }
        i {
            display: block;
            width: 0.4rem;
            height: 0.4rem;
            background: url("../../assets/imgs/arrow-up.png");
            background-size: 100% 100%;
            -webkit-animation: "swipeUpIcon" 2s linear 1.5s infinite;
        }
        @-webkit-keyframes swipeUpIcon {
            0%{ -webkit-transform: translate(0,5px); opacity: 0;}
            10%{ -webkit-transform: translate(0,0); opacity: 1;}
            50%{ -webkit-transform: translate(0,0); opacity: 1;}
            70%{ -webkit-transform: translate(0,5px); opacity: 1;}
            80%{ -webkit-transform: translate(0,-10px); opacity: 0;}
            100%{ -webkit-transform: translate(0,5px); opacity: 0;}
        }
    }

    > .body2 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        background-color: rgba(0,0,0,0);
        z-index: 9;
        padding-top: 0.9rem;
        left: 0;
        top: 0;
        -webkit-transition: all 0.24s ease-out;
        &.show {
            background-color: rgba(0,0,0,0.7);
            .inner {
                -webkit-transform: translate(0,0);
            }
        }
        .inner {
            -webkit-transition: all 0.24s ease-out;
            -webkit-transform: translate(0,100%);
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    }

    .popup {
        width: 100%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
    }

}